<template>
  <div class="contianer" style="margin-top: 5px;">
      <el-carousel
        indicator-position="none"
         height="400px"
        :autoplay="true"
        arrow="never"
        :loop="true"
      >
        <el-carousel-item v-for="(item,index) in bannerlist" :key="item">
          <img :src="'../../../static/img/'+`${item}`" alt style="width: 100%;height: 400px;cursor: pointer" @click="handleClick(index)"/>
        </el-carousel-item>
      </el-carousel>
    <div class="contents">
      <search/>
      <!--<lightningShop></lightningShop>
      <businessTransfer></businessTransfer>-->
      <shop></shop>
    </div>
  </div>
</template>

<script>
import lightningShop from "@/components/homePage/lightningShop";
import businessTransfer from "@/components/homePage/businessTransfer";
import shop from "@/components/homePage/shop";
import Search from "./search/search";
import Shopping from "./homePage/shopping";
export default {
  data() {
    return {
      bannerlist: ['banner.jpg',"py_bg.jpg", "sy_banner.jpg"],
      selectList:[
        {
          value: "餐饮",
          label: "餐饮"
        },{
          value: "生活服务",
          label: "生活服务"
        },{
          value: "医药保健",
          label: "医药保健"
        },{
          value: "休闲娱乐",
          label: "休闲娱乐"
        },{
          value: "美容美发",
          label: "美容美发"
        },{
          value: "家具建材",
          label: "家具建材"
        },{
          value: "专柜网店",
          label: "专柜网店"
        },{
          value: "超市便利",
          label: "超市便利"
        },{
          value: "服饰鞋包",
          label: "服饰鞋包"
        },{
          value: "汽修美容",
          label: "汽修美容"
        },{
          value: "酒店",
          label: "酒店"
        },{
          value: "教育培训",
          label: "教育培训"
        },{
          value: "电子通讯",
          label: "电子通讯"
        },{
          value: "其他行业",
          label: "其他行业"
        }
      ]
    };
  },
  components: {
    Shopping,
    Search,
    lightningShop,
    businessTransfer,
    shop
  },
  created() {
  },
  methods: {
    handleClick(index){
      window.open('/#/more')
    }
  }
};
</script>
<style scoped lang="less">
  .contianer{
    .contents {
      width: 1200px;
      margin: auto;
      position: relative;
    }
  }
</style>
